
<div ng-controller="DestinationController" class="main">
    <div class="nav">
		<div class="nav-titles">
			<div class="nav-left">
				<a class="a-active" href="">香港</a>
				<a href="">美国</a>
				<a href="">韩国</a>
				<a href="">日本</a>
				<a href="">法国</a>
				<a href="">台湾</a>
				<a href="">泰国</a>
				<a href="">新加坡</a>
				<a href="">德国</a>
			</div>
			<div class="nav-right">
				<a id="denglu" href="">登录</a>
			</div>
		</div>
    </div>
    <!--登录弹框-->
    	<div class="denglu-page" style="display: none;">
            	<h1><img id="close-im" src="http://s4.xiaohongshu.com/static/img/v2/web/common/login/close.png"/></h1>
            	<div>
            		<a class="png_bg"></a>
            	</div>
            	<div class="png_titl"><span>登录</span></div>
            	<div class="png_img">
            		<a href=""></a>
            		<a href=""></a>
            	</div>
            </div>
    <div class="description-list">
    	<div id="HongKong" class="destination-li">
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/hk.jpg?s=1471971752" alt="" />
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/g_qrcode.png?s=1471971752" alt="" />
    	</div>
    	<div id="USA" class="destination-li">
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/us.jpg?s=1471971752" alt="" />
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/g_qrcode.png?s=1471971752" alt="" />
    	</div>
    	<div id="SouthKorea" class="destination-li">
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/kr.jpg?s=1471971752" alt="" />
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/g_qrcode.png?s=1471971752" alt="" />
    	</div>
    	<div id="Japan" class="destination-li">
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/jp.jpg?s=1471971752" alt="" />
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/g_qrcode.png?s=1471971752" alt="" />
    	</div>
    	<div id="French" class="destination-li">
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/fr.jpg?s=1471971752" alt="" />
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/g_qrcode.png?s=1471971752" alt="" />
    	</div>
    	<div id="taiwan" class="destination-li">
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/tw.jpg?s=1471971752" alt="" />
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/g_qrcode.png?s=1471971752" alt="" />
    	</div>
    	<div id="Thailand" class="destination-li">
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/th.jpg?s=1471971752" alt="" />
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/g_qrcode.png?s=1471971752" alt="" />
    	</div>
    	<div id="Singapore" class="destination-li">
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/sg.jpg?s=1471971752" alt="" />
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/g_qrcode.png?s=1471971752" alt="" />
    	</div>
    	<div id="Germany" class="destination-li">
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/de.jpg?s=1471971752" alt="" />
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/list/destination/g_qrcode.png?s=1471971752" alt="" />
    	</div>
    </div>
    <div class="download">
    	<h1>立即下载小红书</h1>
    	<a href="http://www.xiaohongshu.com/redirect/app_hk" class="download-cont">
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/common/apple2.png?s=1471971752" alt="" />
    		<span>iOS</span>
    	</a>
    	<a href="http://o3.xiaohongshu.com/d/xhs_v2.7.0.apk" class="download-cont">   			
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/common/android2.png?s=1471971752" alt="" />
    		<span>Android</span>
    	</a>
    	<a href="" class="download-cont">
    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/common/qr-code-2016.jpg?s=1471971752" alt="" />
    	</a>
    </div>
</div>
<!--js代码-->
<script>
	var $mudi = $(".description-list");
	var $div = $(".description-list div");
	var $navs = $(".nav-left a");
	for (var i=0; i<$navs.length; i++) {
		$navs.eq(i).on('click',function () {
			i = $navs.index($(this));
			$navs.eq(i).addClass('a-active').siblings().removeClass("a-active");
			$("body").animate({scrollTop: $div.eq(i).offset().top - 161},1000);

		});
	}
	if(ll3 && !ll5){
		for(var j=0; j<$div.length; j++) {
			$(window).on("scroll", function(){
				var gundongtiao = $("body").scrollTop()+200;
				var t = 654+24; 
				var panduan = parseInt(gundongtiao/t);
				if(panduan<j+1) {
					$navs.eq(panduan).addClass('a-active').siblings().removeClass("a-active");
				}
			});
		}
	}
	//登录部分
	var $denglu=$(".denglu-page");
    var $yinying=$( '<div id="yinying" style="position:fixed;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 108;display: block;"></div>');
	$("#denglu").click(function(){
		$denglu.css("display","block");
    	$yinying.appendTo("body").click(function(){
    		$denglu.css("display","none");
    		$(this).remove()
    	});
	})
	 $("#close-im").on("click",function(){
        	$denglu.css("display","none");
    		$yinying.remove();
        })
</script>